<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title></title>
  <link rel="stylesheet" href="../../styles.css">
  <script language="javascript" type="text/javascript" src="../../../../lib/p5.js"></script>
  <script language="javascript" type="text/javascript" src="sketch.js"></script>
  <script src="../stats.js"></script>
</head>

<body>
  <div id="gl-info">
    <p>
      Left: Cube wrapped in video with Faint Checkerboard and mouse reactive gradient<br>
      Press any key to toggle video playback<br><br>
      Middle: Green-blue sphere with soft white lighting<br><br>
      Right: Toon Shading, Green-blue sphere, Move mouse to change lightsource direction<br><br>
      <em>TESTS: shader(), loadShader(), resetShader()</em><br><br>
      FPS should average higher than 45 FPS on modern laptop/desktop
    </p>
  </div>
</body>

</html>